<!DOCTYPE html>
<!--[if IE 6]>
<html class="ie6" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 7]>
<html class="ie7" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if IE 8]>
<html class="ie8" dir="ltr" lang="zh-CN">
<![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)  ]><!-->
<html dir="ltr" lang="zh-CN">
	<!--<![endif]-->
	<head>
		<meta charset="UTF-8" />
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
		<meta name="viewport" content="width=device-width" />
		<link rel="stylesheet" type="text/css" href="http://q.115.com/static/css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../source/button/button.css"/>
		<link rel="stylesheet" type="text/css" href="../source/dialog/dialog.css"/>
		<link rel="stylesheet" type="text/css" href="../source/tip/tip.css"/>
		<title>test </title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			.simple-modal {
				position: absolute;
				background: #000;
				opacity: 0.1;
				filter: alpha(opacity=10);
			}
			.test1 {
				width: 400px;
				height: 200px;
			}
			#test {
				position: relative;
				width: 500px;
				height: 200px;
				top: 300px;
				left: 100px;
			}
		</style>
	</head>
	<body class="demo">
		<div class="test1"></div>
		<div id="test"></div>
		<script src="http://q.115.com/static/js/jquery_min.js"></script>
		<script src="../source/core/core.js"></script>
		<script src="../source/widget/widget.js"></script>
		<script src="../source/button/button.js"></script>
		<script src="../source/dialog/modal.js"></script>
		<script src="../source/drag/drag.js"></script>
		<script src="../source/dialog/dialog.js"></script>
		<script src="../source/tip/tip.js"></script>
		<script>
            var d = new Simple.Dialog({
                node:'.test1',
                buttons:{
                    'Sure':$.noop,
                    'Cancel':$.noop
                }
            });
            //d.getButtons().disable(1);
		</script>
	</body>
</html>